/**
 * @fileoverview 系统颜色。分为Opaque（不透明）、vibrant两种类型。每种类型都有light、dark样式
 * 1. 因浅色模式为主流，因此默认为浅色模式，深色模式颜色添加 -dark后缀
 * 2. Opaque为 iOS、macOS 共有，采用 iOS 值；vibrant 变体来自 macOS，采用 macOS值
 * 3. 无声明默认为Opaque类型的、light样式的。因此 API 除DEFAULT，额外添加 dark、 vibrant、vibrant-dark
 */
const defaultColors = require("tailwindcss/colors");

module.exports = {
  // 彩色
  red: {
    ...defaultColors.red,
    DEFAULT: "rgb(255,59,48)",
    dark: "rgb(255,69,58)",
    vibrant: "rgb(245,49,38)",
    "vibrant-dark": "rgb(255,79,68)",
  },
  orange: {
    ...defaultColors.orange,
    DEFAULT: "rgb(255,149,0)",
    dark: "rgb(255,159,10)",
    vibrant: "rgb(245,139,0)",
    "vibrant-dark": "rgb(255,169,20)",
  },
  yellow: {
    ...defaultColors.yellow,
    DEFAULT: "rgb(255,204,0)",
    dark: "rgb(255,214,10)",
    vibrant: "rgb(245,194,0)",
    "vibrant-dark": "rgb(255,224,20)",
  },
  green: {
    ...defaultColors.green,
    DEFAULT: "rgb(52,199,89)",
    dark: "rgb(48,209,88)",
    vibrant: "rgb(30,195,55)",
    "vibrant-dark": "rgb(60,225,85)",
  },
  mint: {
    DEFAULT: "rgb(0,199,190)",
    dark: "rgb(99,230,226)",
    vibrant: "rgb(0,189,180)",
    "vibrant-dark": "rgb(108,224,219)",
  },
  teal: {
    ...defaultColors.teal,
    DEFAULT: "rgb(48,176,199)",
    dark: "rgb(64,203,224)",
    vibrant: "rgb(46,167,189)",
    "vibrant-dark": "rgb(68,212,250)",
  },
  cyan: {
    ...defaultColors.cyan,
    DEFAULT: "rgb(50,173,230)",
    dark: "rgb(100,210,255)",
    vibrant: "rgb(65,175,220)",
    "vibrant-dark": "rgb(90,205,250)",
  },
  blue: {
    ...defaultColors.blue,
    DEFAULT: "rgb(0,122,255)",
    dark: "rgb(10,132,255)",
    vibrant: "rgb(0,112,245)",
    "vibrant-dark": "rgb(20,142,255)",
  },
  indigo: {
    ...defaultColors.indigo,
    DEFAULT: "rgb(88,86,214)",
    dark: "rgb(94,92,230)",
    vibrant: "rgb(84,82,204)",
    "vibrant-dark": "rgb(99,97,242)",
  },
  purple: {
    ...defaultColors.purple,
    DEFAULT: "rgb(175,82,222)",
    dark: "rgb(191,90,242)",
    vibrant: "rgb(159,75,201)",
    "vibrant-dark": "rgb(204,101,255)",
  },
  pink: {
    ...defaultColors.pink,
    DEFAULT: "rgb(255,45,85)",
    dark: "rgb(255,55,95)",
    vibrant: "rgb(245,35,75)",
    "vibrant-dark": "rgb(255,65,105)",
  },
  brown: {
    DEFAULT: "rgb(162,132,94)",
    dark: "rgb(172,142,104)",
    vibrant: "rgb(152,122,84)",
    "vibrant-dark": "rgb(182,152,114)",
  },

  // 黑白
  black: {
    DEFAULT: "#000000",
    dark: "#000000",
  },
  white: {
    DEFAULT: "#ffffff",
    dark: "#000000",
  },

  // 灰色
  gray: {
    ...defaultColors.gray,
    DEFAULT: "rgb(142,142,147)",
    dark: "rgb(142,142,147)",
    vibrant: "rgb(132,132,137)",
    "vibrant-dark": "rgb(162,162,167)",
  },
  gray2: {
    DEFAULT: "rgb(174,174,178)",
    dark: "rgb(99,99,102)",
  },
  gray3: {
    DEFAULT: "rgb(199,199,204)",
    dark: "rgb(72,72,74)",
  },
  gray4: {
    DEFAULT: "rgb(209,209,214)",
    dark: "rgb(58,58,60)",
  },
  gray5: {
    DEFAULT: "rgb(229,229,234)",
    dark: "rgb(44,44,46)",
  },
  gray6: {
    DEFAULT: "rgb(242,242,247)",
    dark: "rgb(28,28,30)",
  },
};
